<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>加载中……</title>
    <!--<mate http-equiv="refresh" content="3,url=modeSelect.html">-->
    <script src="js/jquery-1.12.0.min.js"></script>
    <style>
        html{
            width: 100%;
            height: 100%;
            min-height: 483px;
            min-width: 890px;
            padding: 0px;
        }
        body {
            margin: 0 auto;
            width: 100%;
            height: 100%;
        }
        .outbox{
            margin: 0 auto;
            width: 100%;
            height: 100%;
            background-image: url("imgs/loading.jpg");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            position: relative;
        }
        .outbox::before{
            display: inline-block;
            vertical-align: middle;
            height: 100%;
            width: 0px;
            content: '';
        }
        @keyframes bikemove {
            from { left:30%; }
            to { left:80%; }
        }
        @keyframes probar {
            from { width:0%; }
            to { width:100%; }
        }
        .motomove{
            animation: bikemove 5s linear ;
            animation-fill-mode:forwards
        }
        .probar{
            animation: probar 5s linear ;
            animation-fill-mode:forwards
        }
    </style>
</head>
<body>
</body>
<script>

    $(function(){
        var load = new Loading($("body"));
        function mode(){
            window.location="modeSelect.html";
        }
        setTimeout(mode,5000);
    })
</script>
</html>